
    <div class="box box-warning no-margin">
        <div class="box-header">
            <i class="fa fa-warning"></i>
            <h3 class="box-title">{$notification->TITULO|default:""}</h3>
            <div class="pull-right box-tools">
                <button title="" data-toggle="tooltip" data-widget="remove" class="btn btn-flat btn-warning btn-xs" data-original-title="Remove"><i class="fa fa-times"></i></button>
            </div>
        </div>
        <div class="box-body">{$notification->DESCRICAO|default:""}</div>
        <div class="box-footer"><p><i class="fa fa-clock-o"></i> <small>{$notification->DATA} por <strong>{$notification->NOME_USUARIO}</strong></small></p></div>
    </div>

{literal}
<script type="text/javascript">
    $(function() {
        "use strict";

        $("[data-widget='remove']").click(function() {
            $("#notification").fadeOut("slow");
        });

    });
</script>
{/literal}